<script setup>
import CellCom from '@/components/CellCom.vue';
import { ref } from 'vue'
const name = ref('张三')


const msg = ref('')
// 1. 在父组件中定义一个接收的函数
function getCellMsg(val) {
    console.log('父组件接收：', val.value);
    msg.value = val.value
}

</script>
<template>
    <div>
        <h1>父组件 -- {{ name }} -- {{ msg }}</h1>
        <hr>
        <!-- 父组件通过属性将值传递到子组件中 -->
        <CellCom @getCell="getCellMsg" :myname="name" :age="18" sex="男" />
    </div>
</template>